<template>
    <div class="wrapper">
        <div class="container" @click="jump">
            <text class="txt">HelloSignature</text>
        </div>

        <div class="container" @click="jumpUpload">
            <text class="txt">HelloUpload</text>
        </div>
    </div>
</template>

<script>
    export default {
        methods: {
            jump() {
                this.$router.push('HelloSignature')
            },
            jumpUpload() {
                this.$router.push('HelloUploadFile')
            }
        }
    }
</script>
<style scoped>
    .wrapper {
        justify-content: center;
        align-items: center;
    }

    .container {
        justify-content: center;
        align-items: center;
        width: 600px;
        height: 150px;
        font-size: 30px;
        margin: 20px;
        background-color: #0088fb;
    }

    .txt {
        font-size: 30px;
        color: #FFFFFF;
    }
</style>
